<!DOCTYPE html>
<html>
<meta charset="UTF-8"/> 
  <head>
    <script src="../build/react.js"></script>
    <script src="../build/react-dom.js"></script>
    <script src="../build/browser.min.js"></script>
  </head>
  <body>
    <script type="text/babel">
      debugger;
      var data = 123;

      var MyTitle = React.createClass({
        propTypes: {
          title: React.PropTypes.string.isRequired,
        },

        getDefaultProps :function(){
          debugger;
          return {
            title :'Hello World'};
          },

        render: function() {
          return <h1> {this.props.title} </h1>;
        }
      });

      /*
      ReactDOM.render(
        <MyTitle title={data} />,
        document.body
      );*/
      ReactDOM.render(
        <MyTitle/>,
        document.body
      );

    </script>
  </body>
</html>

